import { Breadcrumb, Layout, Menu, theme } from "antd";
import { Nav } from "./nav";
import { UserMessage } from "./userMessage";
import logo from "../../assets/logo.svg";
import "./index.less";

const { Header, Content, Sider } = Layout;

interface HeaderProps {
  hiddenNav?: boolean;
}

export const HeaderLayout = (props: HeaderProps) => {
  const isNavHidden = props?.hiddenNav === undefined ? false : props.hiddenNav;
  return (
    <div className="header">
      <div className="header-left">
        <div className="header-logo">
          <img src={logo} style={{ marginRight: "10px" }} alt="logo" />
          海纳产品管控中心
        </div>
        {!isNavHidden ? <Nav /> : null}
      </div>
      <UserMessage />
    </div>
  );
};
